<!doctype html>
<html>
<head>
  <title>MBL</title>
  <meta charset="utf-8" />
  <meta name="keywords" content="{{keywords}}" />
  <meta name="description" content="{{description}}" />
  <link rel="shortcut icon" href="../public/img/favicon.png">
  <link href="../public/css/bootstrap.min.css" rel="stylesheet" media="screen">
  <link href="../public/css/reset.css" rel="stylesheet" media="screen">
  <link href="../public/css/theme.css" rel="stylesheet" media="screen">
  <link href="../public/css/nav.css" rel="stylesheet" media="screen">
  <link href="../public/css/slides.css" rel="stylesheet" media="screen">
  <link href="../public/css/layout.css" rel="stylesheet" media="screen">
  <link href="../public/css/home.css" rel="stylesheet" media="screen">
  <link href="../public/css/research_area.css" rel="stylesheet" media="screen">
  <link href="../public/css/intro.css" rel="stylesheet" media="screen">
  <link href="../public/css/research/index.css" rel="stylesheet" media="screen">
  <link href="../public/css/research/detail.css" rel="stylesheet" media="screen">
  <link href="../public/css/news.css" rel="stylesheet" media="screen">
  <link href="../public/css/events.css" rel="stylesheet" media="screen">
  <link href="../public/css/publication.css" rel="stylesheet" media="screen">
  <link href="../public/css/member.css" rel="stylesheet" media="screen">
  <link href="../public/css/contact.css" rel="stylesheet" media="screen">
  <link rel="stylesheet" href="../public/build/kalendae.css" type="text/css" charset="utf-8">
</head>
<body>
<!-- Fixed navbar -->
<div class="theme-color mbl-nav navbar-fixed-top">
  <div class="wrapper full-height">
    <!--<a class="logo-wrapper" href="/">-->
    <!--<img class="logo" src="../../public/img/logo.png" alt="MBL">-->
    <!--</a>-->
    <a class="img-wrapper" href="/">
      <img class="logo" src="../public/img/logo.png" alt="MBL">
    </a>
    <ul class="menu" id="menu">
      <li><a href="/">Home</a></li>
      <li><a href="/news">News</a></li>
      <li><a href="/research">Research</a></li>
      <li><a href="/publication">Publications</a></li>
      <li><a href="/members">Members</a></li>
      <li><a href="/contact">Contact</a></li>
    </ul>
    <div class="nav-search">
      <div class="input-group search-content">
        <input type="text" class="form-control" placeholder="Search for...">
        <span class="input-group-btn">
      <button class="btn btn-default" type="button">Search</button>
      </span>
      </div>
    </div>
  </div>
</div>

<div class="body-wrapper news-layout__wrapper">
  <div class="wrapper">
    <div class="sidebar news-sidebar">
      <div class="contact">
        <img src="../public/img/wechat_num.png" alt="">
      </div>
    </div>

    <div class="main contact">
      <div class="contact-address border-bottom-line">
        <h2>Contact Us</h2>
        <div id="map"></div>
        <div class="contact-address__wrapper">
          <h3>Address</h3>
          <p>Lushan South Road Yifu Building, Hunan University South Campus, Changsha, Hunan China</p>
          <h3>Contact Information</h3>
          <p>Email: xxx@hnu.edu.cn</p>
          <p>Phone: +86-731-88821894</p>
          <p>Fac: +86-731-88821894</p>
        </div>
      </div>
      <div class="positions-available">
        <h2>Positions Available</h2>
        <p>test test test test test test test test test test test test test test test test test test test test</p>
      </div>
    </div>
  </div>

</div>

<footer class="footer theme-color">
  <div class="wrapper footer-container">
    <a href="/contact">
      <div class="map-wrapper">
        <!--<div id="map"></div>-->
        <img src="../public/img/map.png" alt="">
        <p>Lushan South Road Yifu Building, Hunan University South Campus, Changsha, Hunan China</p>
      </div>
    </a>
    <div class="logos">
      <div class="show-logos">
        <img class="hnu-logo" src="../public/img/hnu.png" alt="">
        <img class="mbl-logo" src="../public/img/mbl.png" alt="">
      </div>

      <a href="/contact">
        <div class="contact-logos">
          <img src="../public/img/phone.svg" alt="">
          <img src="../public/img/fox.svg" alt="">
          <img src="../public/img/weixin.svg" alt="">
          <img src="../public/img/email.svg" alt="">
        </div>
      </a>
    </div>
    <div class="links">
      <h2>HELPFUL LINKS</h2>
      <ul class="links-list">
        <li><a href="">Hunan University</a></li>
        <li><a href="">Hunan University</a></li>
        <li><a href="">Hunan University</a></li>
        <li><a href="">Hunan University</a></li>
      </ul>
    </div>
  </div>
</footer>

<script src="../public/js/nav.js"></script>
<script src="../public/build/kalendae.standalone.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
<script type="text/javascript">
  /* eslint-disable */
  //创建和初始化地图函数：
  function initMap(){
    createMap();//创建地图
    setMapEvent();//设置地图事件
    addMapControl();//向地图添加控件
    addMapOverlay();//向地图添加覆盖物
  }
  function createMap(){
    map = new BMap.Map("map");
    map.centerAndZoom(new BMap.Point(112.952295,28.181367),19);
  }
  function setMapEvent(){
    map.enableScrollWheelZoom();
    // map.enableKeyboard();
    map.enableDragging();
  }
  function addClickHandler(target,window){
    target.addEventListener("click",function(){
      target.openInfoWindow(window);
    });
  }
  function addMapOverlay(){
    var markers = [
      {content:"",title:"Here",imageOffset: {width:0,height:3},position:{lat:28.180961,lng:112.95199}}
    ];
    for(var index = 0; index < markers.length; index++ ){
      var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);
      var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{
          imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)
        })});
      var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});
      var opts = {
        width: 200,
        title: markers[index].title,
        enableMessage: false
      };
      var infoWindow = new BMap.InfoWindow(markers[index].content,opts);
      marker.setLabel(label);
      addClickHandler(marker,infoWindow);
      map.addOverlay(marker);
    };
    var labels = [
    ];
    for(var index = 0; index < labels.length; index++){
      var opt = { position: new BMap.Point(labels[index].position.lng,labels[index].position.lat )};
      var label = new BMap.Label(labels[index].content,opt);
      map.addOverlay(label);
    };
  }
  //向地图添加控件
  function addMapControl(){
    var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:3});
    map.addControl(navControl);
  }
  var map;
  initMap();
</script>
<script src="../public/js/switch_event_new.js"></script>
</body>
</html>
